<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width,initial-scale=1">
    <title>搜索页面</title>
    <link rel="stylesheet" href="style/css/common.css?v=0.13" />
    <link rel="stylesheet" href="style/css/search.css?v=0.15" />

    <script src="js/jquery-1.11.3.min.js"></script>
    <script src="js/settings.js?v=0.05"></script>
    <script src="js/oil.js?v=0.21"></script>

</head>
<body>

    <div class="search" id="search">
        <!--<div class="blank-20"></div>-->
        <!--<div class="blank-20"></div>-->
        <div class="blank-10"></div>
        <div class="title">
            <img src="images/search-title.png" alt="" />
        </div>

        <div class="search-field">
            <div class="item">
                <!--<select name="brand" id="brand" >-->
                    <!--<option value="">asd</option>-->
                    <!--<option value="">zxc</option>-->
                <!--</select>-->
                <select  class="select select1" id="a1" onChange="models()">
                    <option value="0">选择品牌</option>
                </select>
            </div>
            <div class="item">
                <!--<select name="model" id="model" >-->
                    <!--<option value="">asd</option>-->
                    <!--<option value="">zxc</option>-->
                <!--</select>-->
                <select  class="select select2" id="a2" onChange="modelObjects()" >
                    <option value="0">选择车型</option>
                </select>
            </div>

            <div class="item">
                <!--<select name="model" id="engine_displacement" >-->
                    <!--<option value="">asd</option>-->
                    <!--<option value="">zxc</option>-->
                <!--</select>-->
                <select  class="select select3" id="a3" onChange="select_objects('year')">
                    <option value="0">生产年份/款</option>
                </select>
            </div>

            <div class="item">
                <!--<select name="model" id="year" >-->
                    <!--<option value="">asd</option>-->
                    <!--<option value="">zxc</option>-->
                <!--</select>-->
                <select  class="select select4" id="a4" onChange="select_objects('engine_displacement')">
                    <option value="0">选择排量</option>
                </select>
            </div>

            <div class="item">
                <!--<select type="text"-->
                       <!--placeholder="请选择具体车型"-->
                       <!--name="model"-->
                       <!--id="model_object" >-->
                    <!--<option value="">asd</option>-->
                    <!--<option value="">zxc</option>-->
                    <!--</select>-->

                <select  class="select select5" id="a5">
                    <option value="0">具体车型</option>
                </select>
            </div>
        </div>

        <div class="btn-field">
            <a class="back-btn" href="index.html">
                <img src="images/search-back-btn.png" alt="" />
            </a>
            <a class="ok-btn" onclick="pipei()">
                <img src="images/search-pipei-btn.png" alt="" />
            </a>

            <div class="clear"></div>
        </div>
    </div>

    <script>
        //todo 使页面高度 等于 背景高度
        function setBgHeight(){

            var body = document.getElementsByTagName('body')[0];
//            var height = document.body.clientHeight;
//            var height = window.screen.height;
//            var height = window.screen.availHeight;
//            var height = body.clientHeight;
            var height = document.documentElement.clientHeight;
            console.log( height );
            var search = document.getElementById('search');
            search.style.height = height + 'px';
        }
        setBgHeight();
        window.onresize = function(){

            setBgHeight();
        };

    </script>

    <script>brands();</script>
</body>
</html>